<div class="table-margin">
    <div class="table-header">
	    <table class="table table-bordered tableStyle">
	        <thead>
	            <tr>
	                <td class="w5 text-center">
	                    <input type="checkbox" #event (click)="selectAll(event.checked, tabVal)" [checked]="isSelectAll">
	                </td>
	                <td class="w5 text-center">序号</td>
	                <td class="w20 text-left">权限编码</td>
	                <td class="w20 text-left">权限名称</td>
	                <td class="w20 text-center">启用/禁用</td>
				 	<td class="w20 text-left">描述</td>				
	                <td class="w10">操作</td>
	            </tr>
			</thead>
		</table>
	</div>		
	<div class="table-body">
		<table class="table table-bordered table-striped">	
	        <tbody>
		        <tr *ngFor="let tabval of tabVal; let i = index;" [ngClass]="{'active':i%2!=0}">
		        	<td class="w5 text-center">
	                    <input type="checkbox" #event (click)="chose(event.checked, tabval.operationId, tabVal.length)" [checked]="isChose">
	                </td>
		            <td class="w5 text-center">{{ tableNumber+i+1 }}</td>
		            <td class="w20 text-left max-w" title="{{tabval.operationCode}}">{{ tabval.operationCode }}</td>
		            <td class="w20 text-left max-w" title="{{tabval.operationName}}">{{ tabval.operationName }}</td>
					<td class="w20 text-center">
					  <strong class="text-success"	*ngIf="tabval.enable==1">启用</strong> 
					  <strong class="text-danger"   *ngIf="tabval.enable==0">禁用</strong>					 
		           
					</td>		            
					 <td class="w20 text-left max-w" title="{{tabval.description}}">{{ tabval.description }}</td>
		            <td class="w10 text-left">
		            	<span class="btn-i" 
	                    	  title="详情" 
							  (click)="detailsPopup(tabval)"
							  *ngIf="right['privilege']['details']"
	                    	  >
                            <img width="14px" height="10px" src="assets/right-product/view.png">
                        </span>
                        <span class="btn-i" 
                        	  title="修改"  
							  (click)="editPopup(tabval)" 
							  *ngIf="right['privilege']['update']"
                        	  >
                            <img width="14px" height="14px" src="assets/right-product/edit.png">
                        </span> 
		            </td>
		        </tr>
		    </tbody>
		</table>	
	</div>    
</div>